// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
    // 搜索标签切换
    const searchTabs = document.querySelectorAll('.search-tabs .tab');
    searchTabs.forEach(tab => {
        tab.addEventListener('click', function() {
            // 移除所有标签的active类
            searchTabs.forEach(t => t.classList.remove('active'));
            // 为当前点击的标签添加active类
            this.classList.add('active');
            
            // 更新搜索框的提示文本
            const searchInput = document.querySelector('.search-input');
            const tabText = this.textContent.trim();
            
            if (tabText === '找二手房') {
                searchInput.placeholder = '请输入区域、商圈或小区名开始找房';
            } else if (tabText === '找新房') {
                searchInput.placeholder = '请输入新楼盘名称开始找房';
            } else if (tabText === '找租房') {
                searchInput.placeholder = '请输入区域、商圈或小区名开始找租房';
            } else if (tabText === '找小区') {
                searchInput.placeholder = '请输入小区名开始查找';
            }
        });
    });
    
    // 搜索按钮点击事件
    const searchBtn = document.querySelector('.search-btn');
    searchBtn.addEventListener('click', function() {
        const searchInput = document.querySelector('.search-input');
        const searchValue = searchInput.value.trim();
        
        if (searchValue) {
            alert('搜索: ' + searchValue);
            // 这里可以添加实际的搜索逻辑
        } else {
            alert('请输入搜索内容');
        }
    });
    
    // 地图按钮点击事件
    const mapBtn = document.querySelector('.map-btn');
    mapBtn.addEventListener('click', function() {
        alert('打开地图找房');
        // 这里可以添加打开地图的逻辑
    });
    
    // 房源卡片鼠标悬停效果
    const propertyCards = document.querySelectorAll('.property-card');
    propertyCards.forEach(card => {
        card.addEventListener('mouseenter', function() {
            // 鼠标悬停效果已通过CSS的:hover实现
        });
        
        card.addEventListener('click', function() {
            // 获取房源名称
            const propertyName = this.querySelector('.property-name').textContent;
            alert('查看房源: ' + propertyName);
            // 这里可以添加跳转到房源详情页的逻辑
        });
    });
});